<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>API_details</title>
		<!-- 1 引入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2 常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4 引入当前页面样式 -->
		<link rel="stylesheet" href="../css/api_details.css" />
		<!-- 5.引入util js -->
		<script src="../js/util.js"></script>
		<!-- 6.引入粒子效果js -->
		<script src="../lib/canvas-particle.js"></script>
		<!-- 引入api_indexJS文件 -->
		<script src="../js/api_details.js"></script>
	</head>
	<body>
		<!--头部-->
		<header>
			<div class="container">
				<!--头部导航栏-->
				<!-- logo -->
				<a href="#" class="logo"><h1></h1></a>
				<!-- 导航列表 -->
				<ul>
					<li><a href="../html/index.html">首页</a></li>
					<li class="active"><a href="#">API</a></li>
					<li><a href="#">云服务</a></li>
					<li><a href="#">案例</a></li>
					<li><a href="#">开发者</a></li>
				</ul>
				<!-- 按钮 -->
				<div>
					<button id="login">登录</button>
					<button id="signIn">注册有礼</button>
				</div>
			</div>
		</header>

		<!-- 主体 -->
		<main>
			<!-- 头部站位符 -->
			<section id="header"></section>
			<!-- banner图 -->
			<section id="banner" class="rel">
				<!-- banner粒子效果 -->
				<div id="bannerBg" class="abs"></div>
				<!-- banner图文区 -->
				<div id="bannerCont" class="container rel flex-sb">
					<!-- banner图文区左侧 -->
					<div id="left">
						<span>
							<img src="../imgs/API_02.jpg" alt="图片加载失败" />
						</span>
						<span class="flex-sb">
							<p>
								<img src="../imgs/API_smallicon_01.jpg" alt="图片加载失败" />
								<br />
								<i>103</i>
							</p>
							<p>
								<img src="../imgs/API_smallicon_02.jpg" alt="图片加载失败" />
								<br />
								<i>14245</i>
							</p>
							<p>
								<img src="../imgs/API_smallicon_03.jpg" alt="图片加载失败" />
								<br />
								<i>623</i>
							</p>
						</span>
					</div>
					<!--  banner图文区右侧 -->
					<div id="right">
						<!-- banner图文区右侧第一个盒子 -->
						<div class="ali-c">
							<h1>身份证实名认证</h1>
							<p>支持HTTPS</p>
							<p>企业专用</p>
						</div>
						<!-- banner图文区右侧第二个盒子 -->
						<div class="flex">
							<p>
								<img src="../imgs/API详情页_03.jpg" alt="加载失败" />
								限企业实名用户使用
							</p>
							<p>
								<img src="../imgs/API详情页_08.jpg" alt="加载失败" />
								本接口需要提供应用场景审核
							</p>
							<p>
								<img src="../imgs/API详情页_05.jpg" alt="加载失败" />
								个人实名用户无法使用
							</p>
						</div>
						<!-- banner图文区右侧第三个盒子 -->
						<div>
							<p>检测姓名和身份证号是否一致,身份证验证.</p>
						</div>
						<!-- banner图文区右侧第四个盒子 -->
						<div id="numBer">
							<span class="rel">
								<img src="../imgs/API详情页_17.jpg" alt="图片加载失败" />
								扫码测试
								<div class="abs">
									<img src="../imgs/wechat-white.png" alt="图片加载失败" />
									<br />
									<strong>请扫码参加测试</strong>
								</div>
							</span>
							<!-- 拼接结构 -->
						</div>
						<!-- banner图文区右侧第五个盒子 -->
						<div id="prices">
							<!-- <span>￥1200</span>
							(约<b>0.3000</b>元/次),仅限企业实名购买 -->
						</div>
						<!-- banner图文区右侧第六个盒子 -->
						<div>
							<button>立即申请</button>
						</div>
					</div>
				</div>
			</section>
			<!-- 主体图文部分 -->
			<section class="container">
				<!-- tab选项 -->
				<div id="textTab">
					<ul class="flex">
						<li class="active">API文档</li>
						<li>错误码参照</li>
						<li>示例代码</li>
						<li>联系我们</li>
					</ul>
				</div>
				<!-- 文字 -->
				<article class="flex">
					<!-- 文字左侧文字区 -->
					<div id="artLt">
						<!-- 1 -->
						<div class="on">
							<p>接口地址：http://op.juhe.cn/idcard/query</p>
							<p>返回格式：json</p>
							<p>请求方式：http get/post</p>
							<p>
								请求示例：http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=
							</p>
							<p>接口备注：error_code为0时计费 API测试工具</p>
							<button>API测试工具</button>
						</div>
						<!-- 2 -->
						<div>
							<p class="smallTt">请求参数说明：</p>
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody></tbody>
								<tr>
									<td>idcard</td>
									<td>是</td>
									<td>string</td>
									<td>身份证号码</td>
								</tr>
								<tr>
									<td>realname</td>
									<td>是</td>
									<td>string</td>
									<td>姓名(UTF-8)</td>
								</tr>
								<tr>
									<td>orderid</td>
									<td>否</td>
									<td>int</td>
									<td>传1时返回单号，默认不返回单号(建议传入)</td>
								</tr>
								<tr>
									<td>key</td>
									<td>是</td>
									<td>string</td>
									<td>在个人中心->我的数据,接口名称上方查看</td>
								</tr>
							</table>
						</div>
						<!-- 3 -->
						<div>
							<p class="smallTt">返回参数说明：</p>
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody></tbody>
								<tr>
									<td>error_code</td>
									<td>int</td>
									<td>返回码</td>
								</tr>
								<tr>
									<td>reason</td>
									<td>string</td>
									<td>返回说明</td>
								</tr>
								<tr>
									<td>result</td>
									<td>object</td>
									<td>返回结果集</td>
								</tr>
								<tr>
									<td>realname</td>
									<td>string</td>
									<td>属result,真实姓名</td>
								</tr>
								<tr>
									<td>idcard</td>
									<td>string</td>
									<td>属result,身份证号</td>
								</tr>
								<tr>
									<td>res</td>
									<td>int</td>
									<td>属result,匹配详情,1匹配,2不匹配</td>
								</tr>
							</table>
						</div>
						<!-- 4 -->
						<div>
							<p class="smallTt">
								JSON返回示例：<span>JSON在线格式化工具</span>
							</p>
							<div id="code">
								{ <br />
								&emsp;&emsp; "reason": "成功", <br />
								&emsp;&emsp; "result": { <br />
								&emsp;&emsp; "realname": "***",/*真实姓名*/<br />
								&emsp;&emsp; "idcard": "******************",/*身份证号码*/<br />
								&emsp;&emsp; "orderid":"J103202010151450419556",/*流水号*/
								<br />
								&emsp;&emsp; "res": 1/*1：匹配 2：不匹配*/ <br />
								&emsp;&emsp; }, <br />
								&emsp;&emsp; "error_code": 0 <br />
								}<br />
							</div>
						</div>
					</div>
					<!-- 文字右侧图片区 -->
					<div id="articleRight">
						<p>活动推荐/Activity</p>
						<p><img src="../imgs/sfz-aside1.png" alt="图片加载失败" /></p>
						<p><img src="../imgs/details-aside02.png" alt="图片加载失败" /></p>
						<p><img src="../imgs/details-aside03.png" alt="图片加载失败" /></p>
						<p>猜你喜欢</p>
						<ul>
							<li>
								<div>
									<img src="../imgs/API22.jpg" alt="" />
								</div>
								<div>
									<span>短信API服务</span><br />
									<span>
										三网合一短信通道，验证码短信 · 系统通知 · 活动通知
									</span>
								</div>
							</li>
							<li>
								<div>
									<img src="../imgs/API26.jpg" alt="" />
								</div>
								<div>
									<span>银行卡四元素校验</span><br />
									<span>
										检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。
									</span>
								</div>
							</li>
							<li>
								<div>
									<img src="../imgs/API30.jpg" alt="" />
								</div>
								<div>
									<span>身份证查询</span><br />
									<span>身份证归属地信息查询身份证归属地信息查询</span>
								</div>
							</li>
							<li>
								<div>
									<img src="../imgs/API33.jpg" alt="" />
								</div>
								<div>
									<span>身份证OCR识别</span><br />
									<span>
										支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、
										身份证号、签发机关、有效期限，准确率98%以上
									</span>
								</div>
							</li>
							<li>
								<div>
									<img src="../imgs/API36.jpg" alt="" />
								</div>
								<div>
									<span>三网手机实名制认证</span><br />
									<span>
										支持移动、联通号码；检验姓名、身份证、手机号码是否一致。
									</span>
								</div>
							</li>
						</ul>
					</div>
				</article>
				<section id="freeLogin">
					<div id="bigTitle">
						<h1>现在注册,百款接口免费测试</h1>
						<button>免费注册</button>
					</div>
				</section>
			</section>
		</main>

		<!--尾部-->
		<footer>
			<div class="container">
				<div class="left">
					<ul>
						<li>
							<strong>联系与支持</strong>
							<p>400-882-7715</p>
							<p>售前咨询</p>
							<p>客服&售后</p>
							<p>常见问题</p>
							<p>极速工单</p>
							<p>投诉与建议</p>
						</li>
						<li>
							<strong>关于源码</strong>
							<p>合作伙伴</p>
							<p>服务条款</p>
							<p>隐私政策</p>
							<p>市场合作</p>
							<p>反商业贿赂声明</p>
						</li>
						<li>
							<strong>快速入口</strong>
							<p>API数据</p>
							<p>黑钻会员</p>
							<p>新闻动态</p>
							<p>联系我们</p>
							<p>加入我们</p>
						</li>
						<li>
							<strong>产品服务</strong>
							<p>云监测</p>
							<p>云查询</p>
							<p>云助手</p>
							<p>聚盒子</p>
							<p>云充值</p>
						</li>
						<li>
							<strong>解决方案</strong>
							<p>数字中台</p>
							<p>慧集：API生命周期管理</p>
							<p>有赢：助力企业营销</p>
						</li>
					</ul>
					<p>
						<img src="../imgs/bei2.png" alt="图片加载失败" />
						<img src="../imgs/bei1.png" alt="图片加载失败" />
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</p>
				</div>
				<div class="right">
					<div class="right_div">
						<h1>微信公众号</h1>
						<p>源码时代</p>
						<img src="../imgs/wechat-white.png" alt="" />
					</div>
					<p>源码大数据股份有限公司&copy;版权所有</p>
				</div>
			</div>
		</footer>
	</body>
</html>
